<template>
  <pageSolt @goBack="goBack">
    <template slot="title">外呼弹屏</template>
    <template slot="content">
      <div class="exit-content">
        <div class="edit-form">
          <CallSummaryByCallTask></CallSummaryByCallTask>
        </div>
        <div class="edit-oprate">
          <outboundOprate :isShowFold='false' :data="data"></outboundOprate>
        </div>
      </div>
    </template>
  </pageSolt>
</template>

<script lang="ts">
import { Component, Vue, Prop } from 'vue-property-decorator'
import pageSolt from '../../../components/callTaskCommon/pageSolt.vue'
import CallSummaryByCallTask from './CallSummaryByCallTask.vue'
import outboundOprate from '../../../components/callTaskCommon/outboundOprate.vue'
@Component({
  name: 'autoScreen',
  components: { pageSolt, CallSummaryByCallTask, outboundOprate },
  filters: {}
})
export default class PriviewEditOrAdd extends Vue {
  @Prop({
    default: () => {
      return {}
    }
  }) private data: any

  private $route: any
  private propData: object = {}
  private goBack () {
    this.$emit('back', 'springScreen')
  }
}
</script>

<style lang="stylus" scoped>
.page-header
  padding 21px 24px 21px
  box-shadow 0px 0px 4px 0px #E0E6F0
  width 100%
  display flex
  align-items center
  font-weight 600
  font-size 14px
  i
    color #C4CDD4
    margin-right 8px
    cursor pointer
.exit-content
  height 100%
  display flex
  flex-direction column
  justify-content space-between
.edit-form
  height calc(100% - 60px)
  overflow scroll
  padding 16px
  box-sizing border-box
.edit-oprate
  height 50px
  display flex
  align-items center
  box-sizing border-box
  margin-bottom 15px
  padding 0 24px 0
</style>
